.homeClass {
    height: 100%;
    width: $width;

    .el-container {
        height: $height;
        width: $width;

        .el-aside {
            width: auto !important;
            height: $height;
            background: #545c64;
            color: #fff;
            overflow-x: hidden;
            // box-shadow: 2px 0px 10px 0 #606266;

            .homeClass-el-image-open {
                width: $width;
                height: 150px;
                text-align: center;
                text-shadow: 0px 15px 11px #000;
            }

            .homeClass-el-image-close {
                width: $width;
                height: 100px;
                text-align: center;
                line-height: 9;
            }
        }

        /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
        .sidebar-container::-webkit-scrollbar {
            width: 0px;
            /*滚动条宽度*/
            height: 0px;
            /*滚动条高度*/
        }

        /*定义滚动条轨道 内阴影+圆角*/
        .sidebar-container::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 0px #fff;
            box-shadow: inset 0 0 0px #fff;
            border-radius: 0px;
            /*滚动条的背景区域的圆角*/
            background-color: #fff;
            /*滚动条的背景颜色*/
        }

        /*定义滑块 内阴影+圆角*/
        .sidebar-container::-webkit-scrollbar-thumb {
            border-radius: 0px;
            /*滚动条的圆角*/
            -webkit-box-shadow: inset 0 0 0px #fff;
            box-shadow: inset 0 0 0px #fff;
            background-color: #c0c4cc;
            /*滚动条的背景颜色*/
        }

        .el-header {
            background: $white;
            margin-left: $marginLeft;
            height: $header-height !important;
            border-radius: 0px 0px 0px 5px;
            // box-shadow: 0 2px 12px 0 #ccc;
        }
    }


}

.routeTo {
    .el-dialog__body {
        padding: 0px 20px 0px 20px;
    }
}